<!--  -->
<template>
  <v-card flat>
    <v-card-title>图片预览Demo</v-card-title>
    <v-card-text>
      <p>组件：Photoswipe</p>
      <p>官网：<a href="https://photoswipe.com/">https://photoswipe.com/</a> </p>
    </v-card-text>
    <v-card-actions><v-btn @click="preview">测试</v-btn></v-card-actions>
  </v-card>
</template>

<script>
// import VMain from '@/components/ImagePreview/src/ImagePreview.vue'
export default {
  name: 'ImagePreview',
  // components: { VMain },
  data: function () {
    return {
      visible: true
    }
  },
  created: function () {

  },
  computed: {},
  methods: {
    preview: function() {
      this.$imagePreview([
        {
          src: 'https://picsum.photos/200/200',
          w: 200,
          h: 200
        },
        {
          src: 'https://picsum.photos/1200/800',
          w: 1200,
          h: 800
        },
        {
          src: 'https://picsum.photos/1200/900',
          w: 1200,
          h: 900
        },
        {
          src: 'https://picsum.photos/1920/1080',
          w: 1920,
          h: 1080
        }
      ])
    }
  }
}
</script>
<style scoped>
</style>
